import React, { useState } from 'react';
import HistoryPanel from './HistoryPanel';
import  ChatWindow from './ChatWindow';
import "./../styles/chat.css";

function ChatPage() {
    const [selectedConversation, setSelectedConversation] = useState('Initial Greeting');

    return (
        <div className="chat-page">
            <HistoryPanel selectedConversation={selectedConversation} onSelect={setSelectedConversation} />
            <ChatWindow conversationId={selectedConversation} />
        </div>
    );
}

export default ChatPage;